<template>
 <div class="detailSelect" v-html="render?render:htmlStr">
 </div>
</template>
 
<script>
export default {
    props:['render'],
    data() {
        return {
            htmlStr:''
        }
    },
    async mounted(){
        await this._loadData()
    },
    methods:{
       async _loadData() {
           await this.$http.get({
                url:'/goods.html',
                params:{
                    do: 'getContent',
                    gid: this.$route.params.gid-0,
                    id: this.$route.params.id-0,
                    system: 'wap',
                    isWeb: 1,
                    version: 517,
                    distinct_id: '17685498279c38-070e7217d2903e-6d112d7c-1296000-1768549827abe7'
                }
            }).then((res)=>{
                let {content} = res;
                this.htmlStr = content.replace(/src0/g,'src') + '<style>.detailSelect img{width:100%;}.detailSelect{padding:10px;margin-top:10px;}</style>'
            })
        },
       
    }
}
</script>
 
<style scoped lang = "stylus">
.detailSelect
    width 100%
    .serimgs
        width 100%

</style>